{%extends "base.html"%}

{%block style%}
<link rel="stylesheet" type="text/css" href="/stylesheets/gradeStyle.css" />
{%endblock%}

{%block titulo%} Calificaciones del curso {%endblock%}



{%block breadcrumbs%}<div id="middleBreadcrumb">
                            <a href="/home/">home</a> >
                       </div>
                       <div id="middleBreadcrumb">
                            <a href="/course/{{course.code}}/{{group.id}}/">{{course.name}}</a> >
                       </div>
                       <div id="lastBreadcrumb">
                           Temario del curso
                       </div>
{% endblock %}


{% block cuerpo %}
<script language="javascript" type="text/javascript">
$(function() {
    /*
        4.) Collapsing Table Columns
    */
    $(".collapse").click(function() {
        var o = this;
        var p = $(this);
        while (!$(p).is("table")) {
            p = $(p).parent();
        }
        $(".collapse",p).each(function(i) {
            if (this == o) {
                $("tr",p).find("td:eq(" + i + ")").css("display","none");
            }
        });
        $(this).parent().css("display","none");
        $(p).siblings(".reset_collapse").html("<p><a href='#' class='show_all_collapsed'>Mostrar Todo</a></p>").find(".show_all_collapsed").click(function(){
            $("th,td",p).css("display","");
            $(this).parent().remove();
            return false;
        });
        return false;
    });
});
</script>

{%if header%}
	{%if isTeacher%}
    &iquest;Desea <a href="/subirCalificaciones/{{course.code}}/{{group.code}}/">actualizar las calificaciones</a>?
    <br />
    <br />

    <h1>Calificaciones <small><i>(prueba)</i></small></h1>

    <div id="grade_display">
    <div class="reset_collapse"><!--Show All--></div>
	<table>
		
		{% for titulo in header %}
            <th>
                <!--<a href="#" class="collapse">-->
                {{titulo}} 
                <!--</a>-->
                <br />
                
            </th>
			{% endfor %}
		
		<tr>
			{% for califa in calificaciones %}
				{% for califa2 in califa %}
					<td>{{califa2.value}}</td>
				{% endfor %}
				</tr>
			{% endfor %}
	</table>
    </div>
<br />
	{%else%}
	<h1>Calificaciones <small><i>(prueba)</i></small></h1>

        <div id="grade_display">
		<table>
			
				{% for titulo in header %}
                    <th>
					{{titulo}}
                    </th>
				{% endfor %}
			
			<tr>
					<td>Calificaciones</td>
				{% for califa in calificaciones %}
					<td>{{califa}}</td>
				{% endfor %}
			</tr>
		</table>
        </div>
<br />
	{%endif%}
{%else%}
    {%if isTeacher%}
        No ha subido las calificaciones para este curso. &iquest;Desea <a href="/subirCalificaciones/{{course.code}}/{{group.code}}/">subir las calificaciones</a>?<br />
    {%else%}
        {{group.teacher.get_full_name}} no ha subido las calificaciones. <br />
    {%endif%}

{%endif%}
{% endblock %}